<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title>无限极创新资讯分享后台</title>
    <link href="images/style.css" rel="stylesheet" type="text/css" />
    <!-- <script src="build/react.js"></script>
	<script src="build/JSXTransformer.js"></script> -->
    <script src="http://cdn.bootcss.com/jquery/2.1.3/jquery.min.js"></script>

</head>
    
<body>     
    <div id="wrap">
    	<div class="header"><span>无限极创新资讯分享管理后台</span></div>
		<div class="nav">
    		<li>后台概览</li>
    		<li>标签管理</li>
    		<li>RSS管理</li>
    		<li>资源管理</li>
    		<li>资讯库</li>
    		<li>系统设置</li>
    	</div>
        <div class="show">
            <iframe tag="后台概览" src="overview.html"></iframe>
            <iframe tag="标签管理" src="tagmanage.html"></iframe>
            <iframe tag="RSS管理" src="rss.html"> </iframe>
            <iframe tag="资源管理" src="source.html"></iframe>
            <iframe tag="资讯库" src="infolib.html"></iframe>
            <iframe tag="系统设置" src="set.html"></iframe>
        </div>
    </div>
</body>

<script>
	
$(function(){
    
         $(".nav>li").on("click",function(){
            $(".nav>li").each(function(){
                $(this).css({background:"rgb(29,57,79)"})
            });
            $(this).css({background:"rgb(25,47,68)"});

            var val=$(this).text();
            $(".show>iframe").each(function(){
                $(this).css({display:"none"});
                var _thisval=$(this).attr("tag");
                if(_thisval==val){
                    $(this).css({display:"block"});
                }
            });
        }); 
})
        
       
    
</script>

</html>


